// 公用字体大小
@hFontSize: 34px;
@h1FontSize: 20px;
@h2FontSize: 18px;
@h3FontSize: 16px;
@h4FontSize: 14px;
@h5FontSize: 13px;
@h6FontSize: 12px;
@header_height: 60px;
@index_width: 1675px;
@MinWidth: 1280px;

// 白天主题
@DaiDackGroundColor1: #403aa3;//背景颜色
@DaiDackGroundColor2: #2e2882;
@DaiDackGroundColor3: #403aa3;
@DaiDackGroundColor4: #332d92;
@DaiDackGroundColor5: #5f55ff;
@DaiDackGroundColor6: #453fac;
@DaiDackGroundColor7: rgba(87, 80, 198, 0.5);
@DaiDackGroundColor8: #409EFF;
@DaiDackGroundColor9: #909399;
@DaiDackGroundColor10: #1c1b29;
@DaiDackGroundColor11: #c5cce8;
@DaiDackGroundColor12: #ffffff;
@DaiDackGroundColor13: #292B44;
@DaiDackGroundColor14: #262a45;
@DaiDackGroundColor15: #f2f3f8;
@DaiDackGroundColor16: #fefefe;
@DaiDackGroundColor17: #9c9af0;
@DaiDackGroundColor18: #6e6acb;
@DaiDackGroundColor19: #bcbaf7;
@DaiDackGroundColor20: #E6A23C;
@DaiDackGroundColor21: #EDEEE6;
@DaiDackGroundColor22: #f1f3f8;


@DaiFontSizeColor1: #ffffff;//字体颜色
@DaiFontSizeColor2: #cbd7f0;
@DaiFontSizeColor3: #eeeeee;
@DaiFontSizeColor4: #61688a;
@DaiFontSizeColor5: #909399;
@DaiFontSizeColor6: #303133;
@DaiFontSizeColor7: #606266;
@DaiFontSizeColor8: #343952;
@DaiFontSizeColor9: #5f55ff;
@DaiFontSizeColor10: #292B44;
@DaiFontSizeColor11: #262a45;
@DaiFontSizeColor12: #ffffff;
@DaiFontSizeColor13: #409EFF;
@DaiFontSizeColor14: #C0C4CC;
@DaiFontSizeColor15: #fefefe;
@DaiFontSizeColor16: #E6A23C;
@DaiFontSizeColor17: #E8E9ED;
@DaiFontSizeColor18: #DCDFE6;
@DaiFontSizeColor19: #E4E7ED;
@DaiFontSizeColor20: #EBEEF5;
@DaiFontSizeColor21: #f2f3f8;
@DaiFontSizeColor22: #878787;
@DaiFontSizeColor23: #B4B8B9;
@DaiFontSizeColor24: #d1daff;
@DaiFontSizeColor25: #A8ABBE;
@DaiFontSizeColor26: #4cc7d2;
@DaiFontSizeColor27: #67668c;
@DaiFontSizeColor28: #abaacd;
@DaiFontSizeColor29: #999;
@DaiFontSizeColor30: #666;
@DaiFontSizeColor31: #333;
@DaiFontSizeColor32: #d6d6d6;

@DaiDorderColor1: #DCDFE6;//边框颜色
@DaiDorderColor2: #E4E7ED;
@DaiDorderColor3: #EBEEF5;
@DaiDorderColor4: #f2f3f8;
@DaiDorderColor5: #fefefe;
@DaiDorderColor6: #909399;
@DaiDorderColor7: #ffffff;
@DaiDorderColor8: #ffffff;
@DaiDorderColor9: #ffffff;
@DaiDorderColor9: #EDEDED;

@DaiOtherColor1: #ff5855;//其它颜色 (绿色)
@DaiOtherColor2: #00bd82;//（红色）
@DaiOtherColor3: #41C836;
@DaiOtherColor4: #F2994A;
@DaiOtherColor5: #2D9CDA;
@DaiOtherColor6: #ffffff;
@DaiOtherColor7: #5e56fe;


// 黑夜主题
@YeDackGroundColor1: #161633;//背景颜色
@YeDackGroundColor2: #323267;  //2
@YeDackGroundColor3: #23234c; //1
@YeDackGroundColor4: #1b2134;
@YeDackGroundColor5: #409EFF;
@YeDackGroundColor6: #2ec6d1;
@YeDackGroundColor7: #262653;
@YeDackGroundColor8: #707095;
@YeDackGroundColor9: #4d4d8d;
@YeDackGroundColor10: #99a4aa;
@YeDackGroundColor11: #39395D;  //滑竿颜色
@YeDackGroundColor12: #5e56fe;
@YeDackGroundColor13: #ffffff;
@YeDackGroundColor14: #ffffff;
@YeDackGroundColor15: #ffffff;
@YeDackGroundColor16: #ffffff;
@YeDackGroundColor17: #ffffff;
@YeDackGroundColor18: #ffffff;
@YeDackGroundColor19: #ffffff;

@YeFontSizeColor1: #ffffff;//字体颜色
@YeFontSizeColor2: #2ec6d1;
@YeFontSizeColor3: #EDEEE6;
@YeFontSizeColor4: #c0c0ec;
@YeFontSizeColor5: #4d4d8d;
@YeFontSizeColor6: #bbbbbb;
@YeFontSizeColor7: #4cc7d2;
@YeFontSizeColor8: #fefefe;
@YeFontSizeColor9: #BFBFEB; //币币交易字体
@YeFontSizeColor10: #EBEBED;  //币币交易行情
@YeFontSizeColor11: #999999; //最新价
@YeFontSizeColor12: #409EFF;
@YeFontSizeColor13: #ffffff;
@YeFontSizeColor14: #ffffff;
@YeFontSizeColor15: #ffffff;
@YeFontSizeColor16: #ffffff;
@YeFontSizeColor17: #ffffff;
@YeFontSizeColor18: #ffffff;
@YeFontSizeColor19: #ffffff;
@YeFontSizeColor20: #ffffff;
@YeFontSizeColor21: #ffffff;
@YeFontSizeColor22: #ffffff;
@YeFontSizeColor23: #ffffff;
@YeFontSizeColor24: #ffffff;
@YeFontSizeColor24: #ffffff;

@YeDorderColor1: #38386f;//边框颜色
@YeDorderColor2: #262a45;
@YeDorderColor3: #DCDFE6;
@YeDorderColor4: #E4E7ED;
@YeDorderColor5: #EBEEF5;
@YeDorderColor6: #f2f3f8;
@YeDorderColor7: #dfdfdf;
@YeDorderColor8: #9298B0;
@YeDorderColor9: #46496f;

@YeOtherColor1: #03c087; //其它颜色 (绿色)
@YeOtherColor2: #e76d42; //（红色）
@YeOtherColor3: #41C836;
@YeOtherColor4: #F2994A;
@YeOtherColor5: #2D9CDA;
@YeOtherColor6: #ffffff;
@YeOtherColor7: #d1fefe;
@YeOtherColor8: #fe5650;

/*
 
//清除浮动
 * */

.main {
    width: 100%;
    min-width: 1280px;
}

@support-ie-version: 7;
.clearfix() {
    &:before,
    &:after {
        display: table;
        content: "";
    }
    &:after {
        clear: both;
    }
}

.clearfix() when (@support-ie-version < 8) {
    *zoom: 1;
}


/**
 *     
 *  块元素居中函数
 */

.contents(@w) {
    width: @w;
    margin: 0 auto;
}

//页面主题部分框架
.main() {
    .contents(1240px);
    padding: 80px 0 20px 40px;
}

//高和行高合并
.ht(@h) {
    height: @h;
    line-height: @h;
}

//登录注册头部样式公用
.cont_header() {
    .welcome_reg {
        font-size: 28px;
        color: @DaiFontSizeColor6;
        margin-bottom: 20px;
    }
}

//表单样式
.clform() {
    .el-form-item__label {
        line-height: 24px;
        font-size: @h6FontSize;
    }
    .el-form--label-top .el-form-item__label {
        padding: 0;
    }
    .el-input__inner {
        .ht(44px);
    }
}

.prompt(@h) {
    float: left;
    width: 50%;
    padding: 35px 0 0 80px;
    .warp_prompt {
        p {
            line-height: @h;
            font-size: @h6FontSize;
        }
    }
}

// 清除浮动
.Scavengingfloating() {
    overflow: hidden;
    zoom: 1;
}
/*1280px宽度*/

.breadth() {
    min-width: @MinWidth;
    margin: 0 auto;
    max-width: 1520px;
}

// 页面主体居中
.public_wrapper {
    .breadth();
    padding: 20px 0;
}

//盒子公用样式
.public_box(@h) {
    .main_style {
        height: @h;
        border-radius: 10px;
        .header_public_style {
            .ht(60px);
            .title {
                font-size: @h2FontSize;
                padding-left: 30px;
            }
        }
        .cont_public_style {
            padding: 30px 30px 20px;
        }
    }
}
.security_main_title(@h) {
    .ht(@h);
    // background: #fff;
    border-radius: 5px;
    margin-top: 20px;
    padding-left: 30px;
    font-size: @h1FontSize;
    color: @YeDackGroundColor1;
    margin-bottom: 4px;
}

.security_cont() {
    padding: 0 30px;
    .lis {
        .ht(54px);
        color: @YeDackGroundColor1;
        font-size: @h3FontSize;
        .name,
        .num {
            display: inline-block;
            text-align: left;
            width: 250px;
        }
        .num {
            width: 31%;
        }
    }
}

//个人中心（安全中心公用样式） (end)
//止盈止损 css
.sliderLimitWarp {
    padding-top: 18px;
    p {
        font-size: 12px;
    }
    .clearfix();
    .zhiying {
        float: left;
        width: 45%;
    }
    .zhishun {
        float: right;
        width: 45%;
        padding-right: 10px;
    }
    .zhiying {}
}

.index_background_header() {
    font-size: 38px;
    text-align: center;
    padding-top: 85px;
}
.MainArea_list:hover{
    transition: all 0.5s;
    transform: scale(1.1);
}
.mainy .el-table, .el-table__expanded-cell{
    background: transparent;
}
.mainy .transfer{
    background: transparent;
}
.stopWarp h2{
    margin-bottom: 10px;
}
.mainy .transaction{
    border-top: 10px solid #262a45;
}
//.el-table__row:hover{
//  transition: all 0.8s;
//  box-shadow: -2px 2px 8px 2px #888;
//  transform: scale(1.01);
//}
.mainy .gg_order_wrapper .headertongji .tongji{
    background: #1a1f30;
    h2{
        span{
            color:#E8E9ED;
        }
    }
}
.mainb .exchange .exchange_mian .transaction .transaction_main{
    border-left:10px solid #F2F3F8;
}
.mainy #welcome_reg{
    color:#c5cce8;
}
.mainy #mobile_reg{
    color:#c5cce8;
}
.mainy .el-message-box{
    background-color: #181B2C !important;
}
.mainy .exchange .exchange_mian .HistoricalEntrustment .tojingtotle span{
    color:#E8E9ED;
}
.mainy .el-message-box__title span{
    color:#F4F5EF;
}
.index_main #home{
    min-width:1280px;
    margin: 0 auto; 
}
.footer .footer_mian{
    width: 1280px;
    margin: 0 auto;
}

.gg_order_wrapper{
    min-width: 1280px;
    max-width: 1360px;
    margin: 0 auto;
}
.HistoricalEntrustment .gg_order_wrapper{
    width: auto;
    max-width: none;
}
